<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>13jQuery内容选择器</title>
        <style>
            div{
                width: 100px;
                height: 50px;
                background: red;
                margin-top: 5px;
            }
        </style>
        <script src="http://code.jquery.com/jquery-1.12.4.js" 
        integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
        crossorigin="anonymous"></script>
        <script>
            $(function (param) {
                //empty作用：找到既没有文本内容也没有子元素的指定元素
                var $div=$("div:empty");

                //parent作用:找到有文本内容或子元素的指定元素
                var $div=$("div:parent");

                //contains(text)作用：找到包含指定文本内容的元素
                var $div=$("div:contains('我是div')");

                //has(selector)作用：找到包含指定子元素的指定元素
                var $div=$("div:has('span')");
                console.log($div);      
              });
           

        </script>
    </head>
    <body>
        <div></div>
        <div>我是div</div>
        <div>我是div2</div>
        <div><span></span></div>
        <div><p></p></div>
    </body>
</html>